@charset "UTF-8";
/****************************
* 	Author : Tang Kien Trung
*	Project : Viet Linh Media
*	Date : Thursday , March 10 , 2011
*****************************/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin:0;padding:0;
}

a:hover, a:active, a:focus { outline:none;}

a img { border:none; }

a { text-decoration:none; color:#80c900;}

a:hover{ color:#ff6600; }

p { padding-bottom:10px; }

ul { list-style:none; }

html { font-size: 100.01%; }

body
{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;	
	font-size:76%; /*------ 70% # 11px -------*/
	color:#c5c5c5;
	line-height:normal;
	background:url(../images/bg/bg.gif) ;
}

h1 { font-size:240%; font-weight:normal; }

h2 { font-size:210%; font-weight:normal; }

h3 { font-size: 180%; font-weight: normal; }

h4 { font-size: 150%; font-weight:normal; }

h5 { font-size: 120%; font-weight:normal; }

h6 { font-size: 100%; font-weight:normal; }

.clear { clear:both; }

/* Layout */

/*--------------- header ---------------*/
#header
{
	margin:0 auto;
	width:940px;
	height:207px;
	padding:40px 0 0 0;
	background:url(../images/bg/header_bg.png) no-repeat top;
}

.logo_container
{
	float:left;
	width:100%;
	height:108px;
	text-align:left;
}

.logo { float:left; margin:35px 0 0 220px; }

/*--------------- wrapper -----------------*/
#wrapper
{
	margin:0 auto;
	width:920px;
	padding-left:20px;
	position:relative;
}

/*--------------- content -----------------*/
#content
{
	float:left;
	background:url(../images/bg/content_bg.png);
	width:795px; /* W920 */
	min-height:500px;
	padding:0 10px 0 115px;
	text-align:left;
}

/*--------------- video_item ------------------*/
.video_item .video_title
{	
	float:left;
	width:100%;
	height:35px;
	overflow:hidden;
	padding-bottom:10px;
	font-size:14px;
	text-transform:uppercase;
}

.video_item img.video_thumb
{
	float:left;		
	border:1px solid #696969;
	margin-bottom:15px;
}

.video_item a.play_video
{
	width:118px;
	height:28px;
	background:url(../images/buttons/button.png) no-repeat 0 -126px;
	display:block;
	margin-left:41px;
}

.video_item p { font-size:11px; color:#ddd; padding-bottom:15px; }

.video_item a.play_video:hover { background-position:0 -154px; }


/*--------------- latest_event_home ----------------*/
.latest_event_home
{
	float:left;
	width:100%;	
	margin-bottom:10px;
}

.latest_event_home .figure_left
{
	float:left;
	margin-bottom:15px;
	border:5px solid #fff;
}

.news_title
{
	display:block;
	font-size:15px;
	color:#80c900;
	padding-bottom:0;
}

.title
{
	display:block;
	font-size:15px;
	color:#80c900;
}

.date_post { display:block; color:#626262; padding-bottom:15px; }

a.read_more
{
	float:left;
	display:block;
	width:107px;
	height:15px;
	background:url(../images/buttons/button.png) no-repeat 0 -182px;
	color:#adadad;
	padding:4px 0 3px 35px;
}

a.read_more:hover { background-position:0 -204px; color:#000; }

.article_title
{
	float:left;
	width:100%;
	display:block;
	font-size:24px;
	text-transform:uppercase;
	padding-bottom:20px;
	color:#fff;
}

/*------------- others_news --------------*/
.others_news
{
	float:left;
	width:100%;
	margin-bottom:20px;
}

.others_news ul { float:left; }

.others_news li
{
	float:left;
	background:url(../images/bg/others_news_seperator.jpg) no-repeat left bottom;
	padding:5px 0 5px 0;
	width:100%;
}

.others_news li a 
{
	float:left;
	background:url(../images/icons/double_green_arrow.png) no-repeat 0 7px;
	padding-left:10px;
}

.title_bar
{
	font-size:14px;
	color:#fff;
	margin:10px 0 10px 0;
	padding:5px;
	background:url(../images/bg/others_news_bg.jpg) repeat-y 0 0;
}

/*-------------- video_container -----------------*/
.video_container
{
	float:left;
	width:100%;
}

.main_video
{
	float:left;
	width:496px;
	padding:20px;
	margin-bottom:20px;
	background-color:#303030;
}

.video_screen
{
	float:left;
	margin-bottom:15px;
}

.others_video
{
	float:left;
	width:536px;
}

.others_video_item
{
	float:left;
	width:257px;
	padding-right:10px;
	padding-bottom:20px;
	margin-bottom:20px;
	
	border-bottom:1px solid #565656;
}

.others_video_item img.video_thumb 
{
	float:left;
	border:1px solid #8c8c8c;
	margin-right:10px;
}

.others_video_item .video_title
{
	display:block;
	margin-bottom:10px;
}

.others_video_item a.play_video
{
	float:left;
	width:118px;
	height:28px;
	background:url(../images/buttons/button.png) no-repeat 0 -126px;
	display:block;
}

.others_video_item a.play_video:hover { background-position:0 -154px; }

.others_video .paging 
{
	border:none;
	padding:0;
	margin-bottom:20px;
}

/*-------------- news_container ----------------*/
.news_container
{
	float:left;
	width:535px;
	padding-right:20px;
}

/*------------- contact_container ------------------*/
.contact_container
{
	float:left;
	width:535px;
	padding-right:20px;	
}

.form_container
{
	float:left;
	width:515px;
	padding:10px;
	background:url(../images/bg/form_bg.jpg) repeat-x top;
}

.form_title
{
	float:left;
	display:block;
	width:100%;
	color:#80c900;
	border-top:1px solid #565656;
	padding-top:10px;
}

.contact_form
{
	float:left;
	margin:10px 0 0 50px;	
}

.contact_form tr { vertical-align:top; }

.contact_form td { padding:0 2px 15px 2px; }

td.field_title { text-align:right;padding-top:5px; }
td.field_title span { color:#ff0000; }
td.input_data { width:143px; }
.contact_form input[type="text"] { width:245px; }
.contact_form textarea { width:300px; }

label.error { float:left; width:100%; color:#ff4a4a; }
/*-------------- service_sidebar ---------------*/
.service_sidebar
{
	float:left;
	width:100%; /* W229 */	
}

.service_sidebar li
{
	float:left;
	width:100%;
	margin-bottom:10px;
	background:url(../images/bg/service_light_bg.png) no-repeat center bottom;
}

.service_icon
{
	float:left;
	margin-right:10px;
}

/*----------- contact_info_sidebar ---------------*/
.contact_info_sidebar
{
	float:left;
	width:100%;
}

.article_title
{
}

.contact_info_sidebar .title_bar
{
	float:left;
	background:#0f0f0f url(../images/bg/contact_titlebar_bg.jpg) repeat-y left;
	color:#80c900;
	text-transform:uppercase;
	width:100%;
}

.contact_info_sidebar ul { float:left; margin:10px 0 10px 0; }

.contact_info_sidebar li
{
	padding:0 0 15px 30px;
}

li.add_info { background:url(../images/icons/address.png) no-repeat 0 0 }
li.phone_info { background:url(../images/icons/phone.png) no-repeat 0 0 }
li.fax_info { background:url(../images/icons/fax.png) no-repeat 0 0 }

/*-------------- gallery ----------------*/
.gallery
{
	float:left;
	width:100%;	
}

.gallery table
{
	margin-top:10px;
}

.gallery table td
{
	vertical-align:middle;
	text-align:center;
	min-width:170px;
	
	padding-bottom:10px;
}

.gallery table td img { border:3px solid #fff; }

/*-------------- album_cover ---------------*/
.album_cover
{
	float:left;
	width:145px;
	height:170px;
	padding:10px 10px 50px 10px;
	background:url(../images/bg/album_frame.png) no-repeat 0 0;
	margin-right:19px;
}

.album_cover a.album_name
{
	color:#c5c5c5;
	font-size:15px;
	display:block;
	margin-top:10px;
}

.album_cover a.album_name:hover { color:#80C900; }

/*-------------- paging ------------------*/
.paging
{
    float:left;
    padding:10px 0 10px 0;
	width:100%;
	border-top:1px solid #565656;
	color:#fff;
}

.paging ul { float:left; padding:0; width:auto; }

.paging li { float:left; display:inline; padding:0 5px 0 5px; }

.paging li.last_item { padding-right:0; }

.paging li a { color:#fff; }

.paging .current
{
    background-color:#80c900;
    padding:0 5px 0 5px;
	color:#000;
}

.paging .prev,
.paging .next,
.paging .first,
.paging .last
{    
	margin-top:-3px;
}
/*--------------- footer ----------------*/
#footer
{
	float:right;
	width:800px;
	text-align:right;
	padding:25px 0 15px 0;
	background:url(../images/bg/footer_bg.jpg) repeat-x top;
}

#footer li 
{
	display:inline;
}

#footer a {	color:#c5c5c5; }
#footer a:hover { color:#ff6600; }

/*----------------- UTILITY ----------------*/
.float_left { float:left !important; }
.float_right { float:right !important; }

/*----------------- COLUMNS ----------------*/
.col255
{
	width:238px;
	padding:0 10px;
	margin-bottom:10px;
}

.col535
{
	width:493px;
	padding:0 10px;
	margin-bottom:10px;
}

.col555
{
	width:555px;
	border-right:1px solid #545454;
	margin-bottom:10px;
}

.col229
{
	width:229px;
}

.border_left { border-left:1px solid #555555; }
.border_right { border-right:1px solid #555555; }

.up30px { margin-top:-30px; }

.figure_left
{
	float:left;
	padding:3px;
	background:#FFF;
	margin:0 10px 10px 0;
}

.no_border { border:none !important; }
.last_item { background:none !important; }

input[type="text"], textarea , input[type="password"]
{
	float:left;
	background:#535252 url(../images/bg/txt_bg.jpg) repeat-x top;
	border:1px solid #696969;
	color:#b9b9b9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

textarea { overflow:auto; }

input[type="submit"] , input[type="reset"] , button
{
	float:left;
	background:#0e6900 url(../images/bg/btn_bg.jpg) repeat-x top;
	border:1px solid #1bbc00;
	padding:4px 5px;
	min-width:70px;
	font-size:11px;
	color:#fff;
	cursor:pointer;
}

input[type="submit"]:hover , input[type="reset"]:hover , button:hover { background:#0e6900 url(../images/bg/btn_bg_hover.jpg) repeat-x top; border:1px solid #ff7e00; }

.last_col { margin-right:0 !important; }